﻿@using System.Web.Mvc.Html
<!DOCTYPE html>
<html>
<head>
    <title>Vibook - @ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.6.1.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/knockout-1.2.1.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/knockout.mapping.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.13.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/jquery.simplemodal-1.4.1.js")" type="text/javascript"> </script>
    <link href="@Url.Content("~/Content/dribbble/stylesheets/master.css")" media="screen, projection" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/dribbble/stylesheets/print.css")" media="print" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Style.css")" rel="stylesheet" type="text/css" />
    @RenderSection("HeadContent", required: false)
</head>
@CustomHelpers.InternetExplorer6Warning()
@if (string.IsNullOrEmpty(@ViewBag.NestedLayoutBodyId))
{
    ViewBag.NestedLayoutBodyId = "shot";
}
<script type="text/javascript">
    $(document).ready(function () {
        $("#message-div").hover(
            function () {
                $('#message-div').removeClass("error");
                $('#message-div').addClass("hide");
            }, null);
        $(document).ajaxError(function () {
            $('#message-div').removeClass("error");
            $('#message-div').addClass("hide");
            $('#authen-required-div').removeClass("hide");
            $(window).scrollTop($('#authen-required-div').offset().top);
        });
    });

    function ShowError(message) {
        $('#message-div').addClass("error");
        $('#ajax-message').html(message);
        $('#message-div').removeClass("hide");
        $(window).scrollTop($('#message-div').offset().top);
    }
</script>
<body id="@ViewBag.NestedLayoutBodyId">
    <div id="header" class="group">
        <div id="header-inner" class="group">
            <div id="logo">
                <a href="/">
                    <img alt="dribbble" src="@Url.Content("~/Content/dribbble/images/logo-bw.gif")" /></a>
            </div>
            <div id="dashboard">
                @using (Html.BeginForm("Search", "Home", FormMethod.Post, new { @id = "search" }))
                {
                    <input id="search-text" type="text" name="search-text" />
                    <input id="search-btn" type="image" src="@Url.Content("~/Content/dribbble/images/btn-search-go.gif")" alt="Go" />
                }
            </div>
            <ul id="nav">
                @Html.Partial("_LogOnPartial")
                <li id="t-shots"><a>Sharing is receiving</a> </li>
            </ul>
        </div>
    </div>
    <!-- /header -->
    <hr />
    <div id="message-div" class="notice hide">
        <h2>
            <strong id="ajax-message"></strong>
        </h2>
    </div>
    <div id="authen-required-div" class="notice error hide">
        <h2>
            <strong>"You must @Html.ActionLink("Log on", "LogOn", "Account") to use this function"</strong>
        </h2>
    </div>
    <div id="wrap">
        <div id="wrap-inner">
            <div id="content" class="group">
                @RenderBody()
            </div>
        </div>
    </div>
    <hr />
    <div id="footer">
        <div id="footer-inner">
            <p id="footer-nav">
                @Html.ActionLink("About", "About", "Home") |
                @Html.ActionLink("Term of service", "TermOfUse", "Home") |
                @Html.ActionLink("FAQ", "FAQ", "Home") |
            </p>
            <p>
                Copyright &copy; 2011 ViBook. All screenshots &copy; their respective owners.<br />
            </p>
        </div>
    </div>
    <!-- /footer -->
    <script src="../../Content/dribbble/javascripts/jquery.form.js" type="text/javascript"> </script>
    <script src="../../Content/dribbble/javascripts/jquery.tipsy.js" type="text/javascript"> </script>
    <script src="../../Content/dribbble/javascripts/application.js" type="text/javascript"> </script>
    <script src="../../Content/dribbble/javascripts/list.js" type="text/javascript"> </script>
</body>
</html>
